<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>分类</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <!--引入字体图标相关的样式文件-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><!---->
    <!--引入Font Awesome框架实现字体图标效果-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!--引入外部css文件-->
    <link rel="stylesheet" href="css/index.css">
    <!--引入classify页面的css样式文件-->
    <link rel="stylesheet" href="css/classify.css">
    <!--引入iconfont字库-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2932829_gw0c9i9k6gd.css">
    <!--引入jQuery框架文件,使用CDN服务器进行引入-->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!--引入vue框架-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<!--头部标签-->
<header id="miao">
    <div class="header">
        <!--上导航条-->
        <div class="header-top" style="position: absolute;width: 100%">
            <!--手机下单二维码-->
            <div></div>
            <!--关注微信二维码-->
            <div></div>
            <div class="container" style="width: 1168px">
                <!--左div-->
                <div class="con-left">
                    <p class="text-color-9">嗨，欢迎来订花乐！</p>
                    <a href="">
                        <!--微信图标-->
                        <i class=" iconfont icon-floristweixin" style="color: rgb(136,78,34);"></i>
                        <span class="text-color-9">关注微信</span>
                    </a>
                </div>
                <!--右div-->
                <div class="con-right">
                    <a href="" class="text-color-9">你好，请登录</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">免费注册</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">订单查询</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">
                        <!--购物车图标-->
                        <i class="iconfont icon-floristgouwuche" style="color: rgb(136,78,34);"></i>
                        <span class="text-color-9">购物车</span>
                        <span class="text-color-9">(0)</span>
                    </a>
                    <span class="text-color-9">|</span>
                    <a href="#" class="text-color-9">手机下单</a>
                </div>
            </div>
        </div>
        <!--下导航条-->
        <div class="header-bottom">
            <!--搜索栏-->
            <div class="container" style="width: 1168px">
                <!--商标-->
                <div class="logo-img">
                    <a href="">
                        <img src="images/logo.png" alt="网页logo">
                    </a>
                </div>
                <div class="search">
                    <div class="input-group">
                        <input class="text-color-9" type="text" id="searchValue" placeholder="请输入搜索的关键字">
                        <button class="cursorPointer" onclick="">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </div>
                    <div class="search-keywords">
                        <a href="">红玫瑰</a>
                        <span class="text-color-9">|</span>
                        <a href="">蛋糕</a>
                        <span class="text-color-9">|</span>
                        <a href="">百合</a>
                        <span class="text-color-9">|</span>
                        <a href="">康乃馨</a>
                    </div>
                </div>
                <div class="phone-search">
                    <p class="phone-search-text">
                        <i class="glyphicon glyphicon-phone-alt" style="color: rgb(136,78,34) ;font-size: 22px;"></i>
                        <span class="text-color-9" style="font-size: 17px;">400-0606-1520</span>
                    </p>
                </div>
            </div>
            <!--分类栏-->
            <div class="container" id="subject" style="height: 110px">
                <div  id="subject-div">
                    <div id="subject-div-div" style="display:inline-block;">
                        <div class="classify">
                            <span style="color:#fff;font-size: 16px;display:inline-block;line-height: 40px;width: 200px ">全部商品分类
                                <i class="glyphicon glyphicon-menu-down" style="color:#fff;font-size: 12px;"></i>
                            </span>
                            <div id="drop-down" style="z-index: 99;background-color:#fff ">
                                <div class="navList-content">
                                    <p class="p-height-15">用途</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class="">爱情鲜花</a>
                                        <a href="" class="">生日鲜花</a>
                                        <a href="" class="">友情鲜花</a>
                                        <a href="" class="">探病问候</a>
                                        <a href="" class=" ">道歉鲜花</a>
                                        <a href="" class=" ">问候长辈</a>
                                        <a href="" class=" ">感谢老师</a>
                                        <a href="" class=" ">哀思鲜花</a>
                                        <a href="" class=" ">商务鲜花</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">花材</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class=" ">玫瑰</a>
                                        <a href="" class=" ">百合</a>
                                        <a href="" class="">康乃馨</a>
                                        <a href="" class=" ">向日葵</a>
                                        <a href="" class="">满天星</a>
                                        <a href="" class="">郁金香</a>
                                        <a href="" class=" ">菊花</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">类别</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class=" ">花束</a>
                                        <a href="" class=" ">礼盒</a>
                                        <a href="" class=" ">蛋糕</a>
                                        <a href="" class=" ">花篮</a>
                                        <a href="" class=" ">绿植</a>
                                        <a href="" class=" ">周花</a>
                                        <a href="" class=" ">手提花篮</a>
                                        <a href="" class=" ">桌花</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">枝数</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class="">11枝</a>
                                        <a href="" class=" ">19枝</a>
                                        <a href="" class="">21枝</a>
                                        <a href="" class=" ">33枝</a>
                                        <a href="" class="">52枝</a>
                                        <a href="" class="">66枝</a>
                                        <a href="" class=" ">99枝</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu">
                        <ul>
                            <li>
                                <a href="">鲜花</a>
                            </li>
                            <li>
                                <a href="">花束</a>
                            </li>
                            <li>
                                <a href="">礼盒</a>
                            </li>
                            <li>
                                <a href="">蛋糕</a>
                            </li>
                            <li>
                                <a href="">花篮</a>
                            </li>
                            <li>
                                <a href="">绿植</a>
                            </li>
                            <li>
                                <a href="">周花</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!--头部标签结束-->
<!--主体区域开始-->
<div class="content-all">
    <div class="container">
        <!--面包屑导航-->
        <div class="bread-nav clearfix">
            <p class="fl"><a href="/" class="fl">首页</a></p>
            <p class="fl">&gt;鲜花</p>
        </div>
        <!--分类选择区-->
        <div class="classify-select">
            <div class="select-item clearfix">
                <div class="select-title fl align-center">
                    <img src="https://cs.dinghuale.com/uploads/20200615/202006151134064029.png">
                    <span>用途</span>
                </div>
                <div class="select-list fl align-center">
                    <a class="fl" href="">
                        <span>爱情鲜花</span>
                    </a>
                    <a class="fl" href="">
                        <span>生日鲜花</span>
                    </a>
                    <a class="fl" href="">
                        <span>友情鲜花</span>
                    </a>
                    <a class="fl" href="">
                        <span>探病问候</span>
                    </a>
                    <a class="fl" href="">
                        <span>道歉鲜花</span>
                    </a>
                    <a class="fl" href="">
                        <span >问候长辈</span>
                    </a>
                    <a class="fl" href="">
                        <span>感谢老师</span>
                    </a>
                    <a class="fl" href="">
                        <span>哀思鲜花</span>
                    </a>
                    <a class="fl" href="">
                        <span>商务鲜花</span>
                    </a>
                </div>
            </div>
            <div class="select-item clearfix">
                <div class="select-title fl align-center">
                    <img src="https://cs.dinghuale.com/uploads/20200615/202006151136103227.png">
                    <span>花材</span>
                </div>
                <div class="select-list fl align-center">
                    <a class="fl" href="/xianhua/huacai/meigui/27/1/-1/">
                        <span>玫瑰</span>
                    </a>
                    <a class="fl" href="/xianhua/huacai/baihe/28/1/-1/">
                        <span>百合</span>
                    </a>
                    <a class="fl" href="/xianhua/huacai/kangnaixin/39/1/-1/">
                        <span>康乃馨</span>
                    </a>
                    <a class="fl" href="/xianhua/huacai/xiangrikui/40/1/-1/">
                        <span>向日葵</span>
                    </a>
                    <a class="fl" href="/xianhua/huacai/mantianxing/41/1/-1/">
                        <span>满天星</span>
                    </a>
                    <a class="fl" href="/xianhua/huacai/yujinxiang/42/1/-1/">
                        <span>郁金香</span>
                    </a>
                    <a class="fl" href="/xianhua/huacai/juhua/43/1/-1/">
                        <span>菊花</span>
                    </a>
                    <a class="fl" href="/xianhua/huacai/qita/44/1/-1/">
                        <span>其他</span>
                    </a>
                </div>
            </div>
            <div class="select-item clearfix">
                <div class="select-title fl align-center">
                    <img src="https://cs.dinghuale.com/uploads/20200615/202006151135191508.png">
                    <span>类别</span>
                </div>
                <div class="select-list fl align-center">
                    <a class="fl" href="/xianhua/leibie/huashu/26/1/-1/">
                        <span>花束</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/lihe/25/1/-1/">
                        <span>礼盒</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/yongshenghua/55/1/-1/">
                        <span>蛋糕</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/hualan/45/1/-1/">
                        <span>花篮</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/lvzhi/47/1/-1/">
                        <span>绿植</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/zhouhua/54/1/-1/">
                        <span>周花</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/shoutihualan/56/1/-1/">
                        <span>手提花篮</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/zhuohua/46/1/-1/">
                        <span>桌花</span>
                    </a>
                    <a class="fl" href="/xianhua/leibie/qita/57/1/-1/">
                        <span>其他</span>
                    </a>
                </div>
            </div>
            <div class="select-item clearfix">
                <div class="select-title fl align-center">
                    <img src="https://cs.dinghuale.com/uploads/20200615/202006151136201615.png">
                    <span>枝数</span>
                </div>
                <div class="select-list fl align-center">
                    <a class="fl" href="/xianhua/zhishu/11zhi/29/1/-1/">
                        <span>11枝</span>
                    </a>
                    <a class="fl" href="/xianhua/zhishu/19zhi/30/1/-1/">
                        <span>19枝</span>
                    </a>
                    <a class="fl" href="/xianhua/zhishu/21zhi/63/1/-1/">
                        <span>21枝</span>
                    </a>
                    <a class="fl" href="/xianhua/zhishu/33zhi/48/1/-1/">
                        <span>33枝</span>
                    </a>
                    <a class="fl" href="/xianhua/zhishu/52zhi/49/1/-1/">
                        <span>52枝</span>
                    </a>
                    <a class="fl" href="/xianhua/zhishu/66zhi/50/1/-1/">
                        <span>66枝</span>
                    </a>
                    <a class="fl" href="/xianhua/zhishu/99zhi/51/1/-1/">
                        <span>99枝</span>
                    </a>
                    <a class="fl" href="/xianhua/zhishu/qita/52/1/-1/">
                        <span>其他</span>
                    </a>
                </div>
            </div>
        </div>
        <!--综合排行区-->
        <div class="sortBtn clearfix">
            <a href="/1//1/1/" class="fl sortBtn-title redFontaa">综合排序</a>
            <div class="sortBtn-list fl">
                <a href="/2/2/1/" class="sortBtn-item fl">
                    <span>销量</span>
                    <i class="iconfont icon-floristicon_xialaxuanze" style="font-size: 12px"></i>
                </a>
                <a href="/3/3/1/" class="sortBtn-item fl">
                    <span>最新</span>
                </a>
                <a href="/4/4/1/" class="sortBtn-item fl">
                    <span>价格</span>
                    <i class="iconfont icon-floristicon_xialaxuanze" style="font-size: 12px"></i>
                </a>
            </div>
        </div>
        <!--产品区-->
        <div class="guess-cont content">
            <div class="alike-pro">
                <div class="alike-list clearfix">
                    <a href="/proDetail.html?pid=270" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">永恒回忆</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥298</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量16022笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=215" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301617407670.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">浪漫满屋</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥229</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量17229笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=261" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200826/202008261130205022.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">幸福守候</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥239</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量15632笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=436" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261257415133.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">缘分天空</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥339</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量13960笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=219" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261158351537.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">相濡以沫</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥229</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量12658笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=196" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104260950064701.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">此生不渝</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥168</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量16256笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=191" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261208472868.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">浪漫告白</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥299</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量19578笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=298" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210519/202105191204581151.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">为你心动</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥319</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量16877笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=323" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261310519646.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">满天繁星</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥299</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量14598笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=202" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301514481588.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">不忘初心</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥189</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量10548笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=521" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210104/202101041606278298.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">情定今生</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥659</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量13845笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=281" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200707/202007070955492666.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">真心真意</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥309</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量12856笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=300" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261016201129.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">感恩的心</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥159</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量13669笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=283" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200707/202007071003531298.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">挚爱一生</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥189</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量9856笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=455" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20201208/202012081501255872.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">温暖阳光</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥269</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量12710笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=232" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200818/202008181631286320.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">情有独钟</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥629</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量9877笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=300" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261016201129.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">感恩的心</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥159</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量13669笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=283" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200707/202007071003531298.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">挚爱一生</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥189</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量9856笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=455" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20201208/202012081501255872.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">温暖阳光</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥269</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量12710笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=232" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200818/202008181631286320.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">情有独钟</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥629</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量9877笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=300" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261016201129.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">感恩的心</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥159</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量13669笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=283" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200707/202007071003531298.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">挚爱一生</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥189</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量9856笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=455" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20201208/202012081501255872.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">温暖阳光</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥269</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量12710笔</span>
                        </div>
                    </a>
                    <a href="/proDetail.html?pid=232" class="module-pro-item fl">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200818/202008181631286320.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">情有独钟</p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥629</p>
                            <p></p>
                            <span class="text-color-9 fr align-center">销量9877笔</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--分页区-->
        <div class="page-content">
            <div id="pager" class="pager clearfix">
                <span class="page-active" page-id="1">1</span>
            </div>
        </div>
    </div>
</div>
<!--主体区域结束-->
<!--尾部区域开始-->
<footer>
    <div class="footer" style="margin-top: 10px;">
        <!--尾部上区域-->
        <div class="footer-top" style="background: #fff;">
            <div class="footer-top-all container" style="height: 210px;width: 1200px">
                <div class="logo-img">
                    <img src="images/logo.png" alt="">
                </div>
                <div class="nav-module" style="height: 210px">
                    <div class="footer-module fl">
                        <p>热门导航</p>
                        <div>
                            <a href="">网站首页</a>
                            <a href="">爱情鲜花</a>
                            <a href="">订单查询</a>
                            <a href="">全部商品</a>
                        </div>
                    </div>
                    <div class="footer-module fl">
                        <p>客户服务</p>
                        <div>
                            <div class="footer-nav fl">
                                <a href="">关于我们</a>
                                <a href="">服务声明</a>
                                <a href="">订花流程</a>
                                <a href="">支付方式</a>
                            </div>
                            <div class="footer-nav fl" style="margin-left: 20px">
                                <a href="">配送说明</a>
                                <a href="">售后服务</a>
                                <a href="">隐私条款</a>
                                <a href="">联系我们</a>
                            </div>
                        </div>
                    </div>
                    <div class="footer-module fl" style="border:none">
                        <p>联系我们</p>
                        <div class="footer-nav">
                            <a href="">意见反馈</a>
                            <a href="">工作时间:07:00-23:00</a>
                            <a href="">7*24小时在线订购</a>
                            <a href="">全国热线:400-060-1520</a>
                        </div>
                    </div>
                    <div class="erweima fr">
                        <div class="erweima-img">
                            <img src="images/QRCode.jpg" alt="">
                        </div>
                        <p class="text-color-9">扫码关注微信</p>
                    </div>
                </div>
            </div>
        </div>
        <!--尾部下区域-->
        <div class="footer-bottom">
            <p class="text-color-9">Copyright©2020 &nbsp;成都勿忘我科技有限公司 &nbsp;
                <a href="https://beian.miit.gov.cn">蜀ICP备20016463号-2</a>
            &nbsp;</p>
        </div>
    </div>
</footer>
<!--尾部区域结束-->
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>